<link rel="stylesheet" href="/assets/home/css/center.css" />

<!-- 头部 -->
<div class=" user">
  <div class="avatar wow">
    <img src="/assets/home/images/avatar.jpg" />
  </div>

  <div class="nickname wow" data-wow-delay="100ms">FunkyRicky</div>
</div>

<!-- 菜单 -->
<div class="menulist">
  <div class="commonly-used">
    <div class="title wow">常用工具</div>
    <div class="list">
      <div class="item wow" data-wow-delay="100ms">
        <a href="profile.html">
          <img src="/assets/home/images/profile.png" alt="">
          <div class="name">基本资料</div>
        </a>
      </div>

      <div class="item wow" data-wow-delay="120ms">
        <a href="order.html">
          <img src="/assets/home/images/course.png" alt="">
          <div class="name">我的课程</div>
        </a>
      </div>

      <div class="item wow" data-wow-delay="140ms">
        <a href="email.html">
          <img src="/assets/home/images/email.png" alt="">
          <div class="name">邮箱认证</div>
        </a>
      </div>

      <div class="item wow" data-wow-delay="160ms">
        <a href="coupon_list.html">
          <img src="/assets/home/images/coupon.png" alt="">
          <div class="name">我的优惠券</div>
        </a>
      </div>

      <div class="item wow" data-wow-delay="180ms">
        <a href="collection.html">
          <img src="/assets/home/images/collection.png" alt="">
          <div class="name">我的收藏</div>
        </a>
      </div>

      <div class="item wow" data-wow-delay="180ms">
        <a href="teacher_list.html">
          <img src="/assets/home/images/order_1.png" alt="">
          <div class="name">我的关注</div>
        </a>
      </div>

      <div class="item wow" data-wow-delay="200ms">
        <a href="record.html">
          <img src="/assets/home/images/record.png" alt="">
          <div class="name">消费记录</div>
        </a>
      </div>

      <div class="item wow" data-wow-delay="220ms">
        <a href="recharge.html">
          <img src="/assets/home/images/recharge.png" alt="">
          <div class="name">余额充值</div>
        </a>
      </div>

      <div class="item wow" data-wow-delay="240ms">
        <a href="contact.html">
          <img src="/assets/home/images/contact.png" alt="">
          <div class="name">联系我们</div>
        </a>
      </div>

      <div class="item wow" data-wow-delay="260ms" id="logout">
        <a>
          <img src="/assets/home/images/logout_1.png" alt="">
          <div class="name">退出账号</div>
        </a>
      </div>
    </div>
  </div>

  <div class="promotion">
    <div class="title wow">推广管理</div>
    <div class="list">
      <div class="item wow" data-wow-delay="200">
        <a href="poster.html">
          <img src="/assets/home/images/poster.png" alt="">
          <div class="name">推广海报</div>
        </a>
      </div>

      <div class="item wow" data-wow-delay="220">
        <a href="team.html">
          <img src="/assets/home/images/team.png" alt="">
          <div class="name">我的团队</div>
        </a>
      </div>

      <div class="item wow" data-wow-delay="240">
        <a href="money.html">
          <img src="/assets/home/images/money.png" alt="">
          <div class="name">提现</div>
        </a>
      </div>
    </div>
  </div>
</div>


<script src="/assets/home/js/jquery-1.9.1.min.js"></script>
<script src="/assets/home/js/mui.min.js"></script>
<script>
  $('#logout').click(() => {
    mui.confirm(
      '是否确认退出',
      '退出提醒',
      ['确认', '取消'],
      function (res) {
        if (res.index === 0) {
          mui.toast('退出成功')

          // 关闭当前窗口
          $('.mui-popup-backdrop').remove()
          $('.mui-popup').remove()

          setTimeout(() => {
            location.href = 'login.html'
          }, 500)
        }
      }
    )
  })

  new WOW({
    boxClass: 'wow',      // 需要执行动画的元素的 class(默认是wow)
    animateClass: 'animated fadeInDown', // animation.css 动画的 class(默认是animated)
    offset: 0,          // 距离可视区域多少开始执行动画(默认为0)
    mobile: true,       // 是否在移动设备上执行动画(默认为true)
    live: true,       // 异步加载的内容是否有效(默认为true)
    scrollContainer: null // 可选滚动容器选择器，否则使用窗口
  }).init();
</script>